<?xml version="1.0" encoding="UTF-8"?>    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
<head>
	<link rel="stylesheet" type="text/css" href="${facesContext.externalContext.requestContextPath}/resources/css/jquery.jcarousel.css"/>
	<link rel="stylesheet" type="text/css" href="${facesContext.externalContext.requestContextPath}/resources/css/jqzoom.css"/>
	<script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/resources/javascript/jquery-1.3.2.min.js"/>
	<script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/resources/javascript/jquery.jqzoom1.0.2.js"/>
	<script type="text/javascript" src="${facesContext.externalContext.requestContextPath}/resources/javascript/jquery.jcarousel.js"/>
<title>wy</title>
</head>
<body>
<table>
  <tr>
    <td style="width:355px;height:251px;">
		<div id="BigImage" class="jqzoom" style="border:1px solid #ccc">
			<img id="_middleImage" src="images/middle/moto.jpg" width="349" longdesc="images/big/moto.jpg"/>
		</div>
	</td>
  </tr>
  <tr>
    <td><ul id="mycarousel" class="jcarousel-skin-tango">
	    <li><img class="curr_base" style="width:50px;height:38px;" src="images/small/moto.jpg" name="moto.jpg"/></li>
        <li><img class="curr_base" style="width:50px;height:38px;" src="images/small/p1.jpg" name="p1.jpg"/></li>
        <li><img class="curr_base" style="width:50px;height:38px;" src="images/small/p2.jpg" name="p2.jpg"/></li>
		<li><img class="curr_base" style="width:50px;height:38px;" src="images/small/p3.jpg" name="p3.jpg"/></li>
		<li><img class="curr_base" style="width:50px;height:38px;" src="images/small/p4.jpg" name="p4.jpg"/></li>
        <li><img class="curr_base" style="width:50px;height:38px;" src="images/small/p6.jpg" name="p6.jpg"/></li>
      </ul></td>
  </tr>
</table>

</body>
</html>